import { createApp } from 'vue'
import App from './App.vue'
// import Hello from './pages/16.overall_quanju/Hello.vue'
import { createPinia } from 'pinia'

// 创建应用
const app = createApp(App)


//vue2(Vue.component.???) -> vue3(app.component.???) 全局API转移到应用对象
//使用全局组件
// app.component('Helloxxx', Hello)

//定义全局配置属性
declare module 'vue' {
    interface ComponentCustomProperties {
        xw: number
    }
} 
//全局配置 vue3中不提倡使用
// app.config.globalProperties.xw = 128

//注册全局指令
app.directive('beauty', (element, { value }) => {
    console.log(element, value)
    element.innerText += "," + value
    element.style.color = "red"
})

//use 安装插件
const pinia = createPinia()
app.use(pinia)

// 挂载应用
app.mount('#app')


//卸载应用
// setTimeout(() => {
//     app.unmount()
// }, 2000)